<!DOCTYPE html>
<html>
	<!--1、导入了bootstrap中fonts文件夹内的文件
		2、<link rel="stylesheet" href="../assets/css/bootstrap-datetimepicker.min.css">
			<link rel="stylesheet" href="../assets/css/folder/folder.css">
			<script src="../assets/js/folder/folder.js"></script>
			<script src="../assets/js/folder/BootstrapMenu.min.js"></script>
			<script src="../assets/js/bootstrap-datetimepicker.js"></script>
			<script src="../assets/js/bootstrap-datetimepicker.zh-CN.js"></script>
		3、jquery的架包换成了1.8
	-->
	<head>
		<meta charset="utf-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
		<meta name="description" content="LongShu" />
		<meta name="author" content="LongShu" />
		<title>算法管理</title>
		<link rel="shortcut icon" href="../assets/img/favicon.png">
		<link rel="shortcut icon" href="../assets/img/favicon.ico">
		<link rel="stylesheet" href="../assets/css/bootstrap.min.css">
		<link rel="stylesheet" href="../assets/css/bootstrap-datetimepicker.min.css">
		<link rel="stylesheet" href="../assets/css/xenon-core.css">
		<link rel="stylesheet" href="../assets/css/xenon-forms.css">
		<link rel="stylesheet" href="../assets/css/xenon-components.css">
		<link rel="stylesheet" href="../assets/css/xenon-skins.css">

		<!--字体-->
		<link rel="stylesheet" href="../assets/fonts/arimo/css/arimo.css">
		<link rel="stylesheet" href="../assets/fonts/linecons/css/linecons.css">
		<link rel="stylesheet" href="../assets/css/custom.css">
		<link rel="stylesheet" href="../assets/fonts/fontawesome/css/font-awesome.min.css">
		<script src="../assets/js/jquery-1.11.1.min.js"></script>
		<!--让ie低版本等浏览器支持HTML5标签的解决方案-->
		<script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
		<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>

		<!--文件夹所需js、css-->
		<link rel="stylesheet" href="../assets/css/folder/folder.css">
		<script src="../assets/js/folder/folder.js"></script>
		<script src="../assets/js/folder/BootstrapMenu.min.js"></script>
		<script src="../assets/js/bootstrap.min.js"></script>

	</head>

	<body>
		<div class="page-container">
			<div class="sidebar-menu toggle-others fixed">
				<div class="sidebar-menu-inner">
					<!--右侧导航栏头像&设置-->
					<header class="logo-env">
						<!--头像-->
						<div class="logo">
							<a href="#" class="logo-expanded">
								<!--<img src="../assets/img/logo@2x.png" width="80" alt="" />-->
								<span style="font-size: large;color: rgba(252,249,255,0.65)">实验人员</span>
							</a>
						</div>
						<!--设置-->
						<div class="settings-icon">
							<a href="#" data-toggle="settings-pane" data-animate="true">
								<i class="linecons-cog"></i>
							</a>
						</div>
					</header>
					<!--右侧导航栏菜单sidebar-->
					<ul id="main-menu" class="main-menu">
						<li>
							<a>
								<i class="fa-user fontstyle"></i> <span class="title">个人信息</span>
							</a>
							<ul>
								<li>
									<a href="查看个人信息.html">
										<span class="title">查看个人信息</span>
									</a>
									<a href="普通人员申请 .html">
										<span class="title">角色申请</span>
									</a>
								</li>
							</ul>
						</li>
						<li>
							<a>
								<i class="fa-user fontstyle"></i> <span class="title">光谱管理</span>
							</a>
							<ul>
								<li>
									<a href="光谱收藏夹管理.html">
										<span class="title">光谱收藏夹管理</span>
									</a>
								</li>
							</ul>
						</li>
					</ul>
			</div>
			</div>

			<div class="main-content">
				<!-- User Info, Notifications and Menu Bar -->
				<nav class="navbar user-info-navbar" role="navigation">
					<!--上导航栏 左边left nav-->
					<ul class="user-info-menu left-links list-inline list-unstyled">
						<li class="hidden-sm hidden-xs">
							<a href="#" data-toggle="sidebar">
								<i class="fa-bars"></i>
							</a>
						</li>
						<li class="dropdown hover-line">
							<a href="#" data-toggle="dropdown">
								<i class="fa-envelope-o"></i> <span class="badge badge-green">2</span>
							</a>
							<ul class="dropdown-menu messages">
								<li>
									<ul class="dropdown-menu-list list-unstyled ps-scrollbar">
										<li class="active">
											<!-- "active" class means message is unread -->
											<a href="#">
												<span class="line"> <strong>Luc Chartier</strong> <span
												class="light small">- yesterday</span>
												</span> <span class="line desc small"> This ain’t our first item, it
												is the best of the rest. </span>
											</a>
										</li>
										<li>
											<a href="#">
												<span class="line"> Hayden Cartwright <span
												class="light small">- a week ago</span>
												</span> <span class="line desc small"> Whose her enjoy chief new
												young. Felicity if ye required likewise so doubtful. </span>
											</a>
										</li>
									</ul>
								</li>

								<li class="external">
									<a href="#">
										<span>All Messages</span> <i class="fa-link-ext"></i>
									</a>
								</li>
							</ul>
						</li>
						<!-- 通知 -->
						<li class="dropdown hover-line">
							<a href="#" data-toggle="dropdown">
								<i class="fa-bell-o"></i> <span class="badge badge-purple">1</span>
							</a>
							<ul class="dropdown-menu notifications">
								<li class="top">
									<p class="small">
										<a href="#" class="pull-right">Mark all Read</a>
										You have <strong>3</strong> new notifications.
									</p>
								</li>

								<li>
									<ul class="dropdown-menu-list list-unstyled ps-scrollbar">
										<li class="active notification-success">
											<a href="#">
												<i class="fa-user"></i> <span class="line"> <strong>New
													user registered</strong>
											</span> <span class="line small time"> 30 seconds ago </span>
											</a>
										</li>
									</ul>
								</li>
								<li class="external">
									<a href="#">
										<span>View all notifications</span> <i class="fa-link-ext"></i>
									</a>
								</li>
							</ul>
						</li>
					</ul>

					<!-- 上导航栏 右边Right navbar -->
					<ul class="user-info-menu right-links list-inline list-unstyled">
						<li class="dropdown user-profile">
							<a href="#" data-toggle="dropdown">
								<img src="../assets/img/user.png" alt="user-image" class="img-circle img-inline userpic-32" width="28" /> <span> 姓名
								<i class="fa-angle-down"></i>
							</span>
							</a>
							<ul class="dropdown-menu user-profile-menu list-unstyled">
								<li>
									<a href="#settings">
										<i class="fa-wrench"></i> Settings
									</a>
								</li>
								<li>
									<a href="#profile">
										<i class="fa-user"></i> Profile
									</a>
								</li>
								<li>
									<a href="#help">
										<i class="fa-info"></i> Help
									</a>
								</li>
								<li class="last">
									<a href="#">
										<i class="fa-lock"></i> Logout
									</a>
								</li>
							</ul>
						</li>
					</ul>
				</nav>
				<div class="page-title">
					<div class="title-env">
						<h1 class="title">光谱收藏夹</h1>
						<p class="description">
							您可以在此页面上对光谱文件夹进行操作&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
							<strong class="pull-right">（使用空间：3MB&nbsp;&nbsp;&nbsp;总空间：16MB）</strong>
						</p>
					</div>
				</div>
                <!--算法文件夹栏目-->
				<div class="panel">
					<!-- 工具栏 -->
					<div class="row fontawesome-icon-list gray">
						<div class="fa-hover col-md-2" id="create">
							<a class="btn btn-default"><i class="fa-cloud-upload"></i>新建文件夹</a>
						</div>
						<div class="fa-hover col-md-2 upload1" data-toggle="modal" data-target="#uploadmodal">
							<a class="btn btn-default "><i class="fa-upload"></i>上传本地光谱</a>
						</div>
						<div class="fa-hover col-md-2 search1" data-toggle="modal" data-target="#searchmodal">
							<a class="btn btn-default"> <i class="fa-search"></i>检索</a>
						</div>
						<div class="fa-hover col-md-2" id="delete">
							<a class="btn btn-default"><i class="fa-trash"></i>删除</a>
						</div>
					</div>
					<!-- 收藏夹 -->
					<section class="mailbox-env">
						<!-- data-curFavoriteID表示当前显示的收藏夹的ID -->
						<!-- data-userID表示当前用户ID -->
						<div class="panel-body panel-border">
							<table class="favoriteTable table table-hover" data-userID="3">
								<thead>
								<tr>
									<th><input type="checkbox" id="select-all" class="cbr"></th>
									<th class="col-sm-6">名称</th>
									<th class="col-sm-3"></th>
									<th class="col-sm-3">时间</th>
								</tr>
								</thead>
								<tbody>
								<tr class="favorite" data-favoriteID="2" style="cursor:pointer">
									<td>
										<input type="checkbox" class="cbr" name="favoriteID" value="2">
									</td>
									<td class="favoriteName" data-favoriteID="2">
										<i class="fa-folder-o"></i><a>&nbsp;&nbsp;分类-2</a>
									</td>
									<td class="favoriteTool">
										<ul class="album-options list-unstyled list-inline hover" style="display:none">
											<li>
												<a class="rename" href="#">
													<i class="fa-edit"></i>重命名
												</a>
											</li>
											<li>
												<a class="deleteFavorite" href="#">
													<i class="fa-trash"></i>删除
												</a>
											</li>
										</ul>
									</td>
									<td class="favoriteCreateTime">2017-03-07 16:17:00</td>
								</tr>
								<tr class="favorite" data-favoriteID="4" style="cursor:pointer">
									<td>
										<input type="checkbox" class="cbr" name="favoriteID" value="4">
									</td>
									<td class="favoriteName" data-favoriteID="4">
										<i class="fa-folder-o"></i><a>&nbsp;&nbsp;分类-3</a>
									</td>
									<td class="favoriteTool">
										<ul class="album-options list-unstyled list-inline hover" style="display:none">
											<li>
												<a class="rename" href="#">
													<i class="fa-edit"></i>重命名
												</a>
											</li>
											<li>
												<a class="deleteFavorite" href="#">
													<i class="fa-trash"></i>删除
												</a>
											</li>
										</ul>
									</td>
									<td class="favoriteCreateTime">2017-03-07 16:18:02</td>
								</tr>
								<tr class="favorite" data-favoriteID="7" style="cursor:pointer">
									<td>
										<input type="checkbox" class="cbr" name="favoriteID" value="7">
									</td>
									<td class="favoriteName" data-favoriteID="7">
										<i class="fa-folder-o"></i><a>&nbsp;&nbsp;sdgfds</a>
									</td>
									<td class="favoriteTool">
										<ul class="album-options list-unstyled list-inline hover" style="display:none">
											<li>
												<a class="rename" href="#">
													<i class="fa-edit"></i>重命名
												</a>
											</li>
											<li>
												<a class="deleteFavorite" href="#">
													<i class="fa-trash"></i>删除
												</a>
											</li>
										</ul>
									</td>
									<td class="favoriteCreateTime">2017-07-13 15:44:04</td>
								</tr>
								<tr class="favorite" data-favoriteID="8" style="cursor:pointer">
									<td>
										<input type="checkbox" class="cbr" name="favoriteID" value="8">
									</td>
									<td class="favoriteName" data-favoriteID="8">
										<i class="fa-folder-o"></i><a>&nbsp;&nbsp;fdsgfd</a>
									</td>
									<td class="favoriteTool">
										<ul class="album-options list-unstyled list-inline hover" style="display:none">
											<li>
												<a class="rename" href="#">
													<i class="fa-edit"></i>重命名
												</a>
											</li>
											<li>
												<a class="deleteFavorite" href="#">
													<i class="fa-trash"></i>删除
												</a>
											</li>
										</ul>
									</td>
									<td class="favoriteCreateTime">2017-07-13 15:44:07</td>
								</tr>
								</tbody>
							</table>
						</div>
					</section>
				</div>
				<script type="text/javascript">
                    $(function () {
                        //收藏夹跳转
                        $(document).on("click", ".favorite .favoriteName", function(){
                            $(location).prop("href","光谱文件.html");
                        });
                    })
				</script>

				<!--底栏注释-->
				<footer class="main-footer sticky footer-type-1">
					<div class="footer-inner">
						<!-- Add your copyright text here -->
						<div class="footer-text">
							&copy; 2005-2017 <strong>蓝点工作室</strong> 江西农业大学
							<a href="#" target="_blank">光谱数据库</a>
							- 开发团队:
							<a href="#" target="_blank">蓝点工作室</a>
						</div>
					</div>
				</footer>
			</div>
		</div>



		<!-- Bottom Scripts -->
		<script src="../assets/js/bootstrap-datetimepicker.js"></script>
		<script src="../assets/js/bootstrap-datetimepicker.zh-CN.js"></script>
		<script src="../assets/js/TweenMax.min.js"></script>
		<script src="../assets/js/resizeable.js"></script>
		<script src="../assets/js/joinable.js"></script>
		<script src="../assets/js/xenon-api.js"></script>
		<script src="../assets/js/xenon-toggles.js"></script>
		<!-- Imported scripts on this page -->
		<script src="../assets/js/jquery-ui.min.js"></script>
		<!-- JavaScripts initializations and stuff -->
		<script src="../assets/js/xenon-custom.js"></script>
		<script src="../assets/js/userFavorite.js"></script>

		<!-- 模态框（Modal） -->
		<!--上传算法开始-->
		<div class="modal fade" id="uploadmodal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
			<div class="modal-dialog" role="document">
				<div class="modal-content">
					<div class="modal-header">
						<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
						<h4 class="modal-title" id="myModalLabel">上传本地光谱</h4>
					</div>
					<div class="modal-body">
						<div class="panel panel-default">
							<div class="panel-heading">
								<h3 class="panel-title">请填写上传信息</h3>
							</div>
							<div class="panel-body">
								<form action="plugin/uploadPlugin" role="form" class="form-horizontal" method="post" enctype="multipart/form-data">
									<div class="form-group">
										<label class="col-sm-3 control-label" for="pluginName">光谱名称 <font color="red">*</font></label>
										<div class="col-sm-6">
											<input type="text" class="form-control" name="plugin.pluginName" id="pluginName" placeholder="请填写您的光谱名称" maxlength="16" required>
										</div>
									</div>
									<div class="form-group-separator"></div>
									<div class="form-group">
										<label class="col-sm-3 control-label" for="pluginName">被检测物<font color="red">*</font></label>
										<div class="col-sm-6">
											<input type="text" class="form-control" name="plugin.version" id="version" placeholder="请填写被检测物" maxlength="16" required>
										</div>
									</div>
									<div class="form-group-separator"></div>
									<div class="form-group">
										<label class="col-sm-3 control-label" for="pluginName">被检测物内容<font color="red">*</font></label>
										<div class="col-sm-6">
											<input type="text" class="form-control" name="plugin.version" id="version" placeholder="如氨基酸" maxlength="16" required>
										</div>
									</div>
									<div class="form-group-separator"></div>
									<div class="form-group">
										<label class="col-sm-3 control-label">光谱类型 <font color="red">*</font></label>
										<div class="col-sm-6">
											<select class="form-control" name="plugin.pluginType" id="pluginType" required>
												<option>拉曼光谱</option>
												<option>红外光谱</option>
											</select>
										</div>
									</div>
									<div class="form-group-separator"></div>
									<div class="form-group">
										<label class="col-sm-3 control-label">存放位置<font color="red">*</font></label>
										<div class="col-sm-6">
											<select class="form-control" name="plugin.pluginType" id="pluginType" required>
												<option>文件夹1</option>
												<option>文件夹2</option>
											</select>
										</div>
									</div>
									<div class="form-group-separator"></div>
									<div class="form-group">
										<label class="col-sm-3 control-label" for="description">光谱描述 <font color="red">*</font></label>
										<div class="col-sm-6">
											<textarea class="form-control autogrow" cols="5" name="plugin.description" id="description" placeholder="请填写您的光谱描述" maxlength="200" required></textarea>
										</div>
									</div>
									<div class="form-group-separator"></div>
									<div class="form-group">
										<label class="col-sm-3 control-label">光谱文件 <font color="red">*</font></label>
										<div class="col-sm-8">
											<input type="file" name="binFile" value="" class="col-sm-8" required/>
										</div>
									</div>
									<div class="form-group-separator"></div>
									<div class="form-group col-sm-6 pull-right" >
										<button type="submit" class="btn btn-primary">上传</button>
									</div>
								</form>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
		<!--上传光谱结束-->

		<!--检索算法文件开始-->
		<div class="modal fade" id="searchmodal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
			<div class="modal-dialog">
				<div class="modal-content">
					<div class="modal-header">
						<button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
						<h4 class="modal-title">光谱检索</h4>
					</div>
					<div class="modal-body">
						<div class="row">
							<div class="col-md-8 col-md-offset-2">
								<div class="form-group">
									<label class="control-label">光谱名称</label>
									<input type="text" class="form-control" name="speName"/>
								</div>
							</div>
						</div>
						<div class="row">
							<div class="col-md-8 col-md-offset-2">
								<div class="form-group">
									<label class="control-label">光谱类别</label>
									<input type="text" class="form-control" name="favoriteName"/>
								</div>
							</div>
						</div>
						<div class="row">
							<div class="col-md-8 col-md-offset-2">
								<div class="form-group">
									<label class="control-label">收藏夹名称</label>
									<input type="text" class="form-control" name="favoriteName"/>
								</div>
							</div>
						</div>
						<div class="row">
							<div class="col-md-8 col-md-offset-2">
								<div class="form-group">
									<label class="control-label">保存时间-上限</label>
									<input type="text" class="form-control datetimepicker datatimepicker1" name="startDate" readonly/>
									<script type="text/javascript">
                                        $(".datatimepicker1").datetimepicker({
                                            format: "yyyy-mm-dd",
                                            autoclose: true,
                                            todayBtn: true,
                                            startView: 'year',
                                            minView:'month',
                                            maxView:'year',
                                            language:'zh-CN',
                                            pickerPosition:"bottom-left"
                                        });
									</script>
								</div>
							</div>
						</div>
						<div class="row">
							<div class="col-md-8 col-md-offset-2">
								<div class="form-group">
									<label class="control-label">保存时间-下限</label>
									<input type="text" class="form-control datetimepicker datatimepicker2" name="endDate" readonly/>
									<script type="text/javascript">
                                        $(".datatimepicker2").datetimepicker({
                                            format: "yyyy-mm-dd",
                                            autoclose: true,
                                            todayBtn: true,
                                            startView: 'year',
                                            startView: 'year',
                                            minView:'month',
                                            language:'zh-CN',
                                            pickerPosition:"bottom-left"
                                        });
									</script>
								</div>
							</div>
						</div>
					</div>
					<div class="modal-footer">
						<button type="button" class="btn btn-white" data-dismiss="modal">关闭</button>
						<button type="button" class="btn btn-info" id="searchSpectrum" data-dismiss="modal">检索</button>
					</div>
				</div>
			</div>
		</div>
		<!--检索算法文件结束-->
	</body>
</html>